<template>
	<view class="user-set-help">
		<view>
			<uni-collapse :accordion="true">
				<uni-collapse-item v-for="item in accordion" :key="item.id" :title="item.title" :show-animation="item.animation">
					<text class="content">{{ item.content }}</text>
				</uni-collapse-item>
			</uni-collapse>
		</view>
		<view class="user-set-btn-box">
			<button type="primary" class="user-set-btn">意见反馈</button>
		</view>
	</view>
</template>

<script>
	import uniCollapse from '../../components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '../../components/uni-collapse-item/uni-collapse-item.vue'
	export default {
		data() {
			return {
				accordion: [{
						id: 0,
						title: '客服什么时候上线？',
						content: '手风琴效果',
						animation: true
					},
					{
						id: 1,
						title: '忘记账号/昵称/密码怎么办？',
						content: '手风琴效果',
						animation: true
					},
					{
						id: 2,
						title: '怎么搜索/查找/关注/取关用户？',
						content: '手风琴效果',
						animation: true
					}
				],
			}
		},
		methods: {
			
		},
		components:{
			uniCollapse,
			uniCollapseItem
		}
	}
</script>

<style scoped lang="scss">
.user-set-help{
	.user-set-btn-box{
		padding: 10upx 20upx 0;
		@import '../../common/css/form.scss';
	}
}
</style>
